<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>设备列表</title>
</head>
<style>
    #DeviceList {
        margin: 0 auto;
    }

    #addDeviceForm {
        float: left;
        position: absolute;
        left: 40px;
    }

    #Btn {
        float: left;
        position: absolute;
        left: 80px;
        top: 250px;;
    }
</style>
<body>
<!--设备列表-->
<div id="DeviceList" ></div>
<!--添加设备窗口-->
<div id="addDeviceWin" closed="true" style="display: none;">
    <br/>
    <br/>
    <form id="addDeviceForm" style="margin-left: 80px;" name="addDeviceForm" method="post">
        <input type="hidden" id="id" name="id"/>
        <table>
            <tr>
                <td><span style="color: red">*</span>设备：</td>
                <td><input class="easyui-textbox" style="width:150px" type="text"
                           id="deviceName" name="deviceName"
                           prompt="请输入设备名"
                           data-options="required:true,validateOnBlur:true,validateOnCreate:false"
                /></td>
            </tr>
            <tr>
                <td height="5px"></td>
            </tr>
            <tr>
                <td><span style="color: red">*</span>设备位置：</td>
                <td><input class="easyui-textbox" style="width:150px" type="text"
                           id="devicePosition" name="devicePosition"
                           prompt="请输入设备位置如：1-1-2"
                           data-options="required:true,validateOnBlur:true,validateOnCreate:false"
                /></td>
            </tr>
            <tr>
                <td height="5px"></td>
            </tr>
            <tr>
                <td><span style="color: red">*</span>设备状态：</td>
                <td><select id="deviceState" panelHeight="auto" style="width:150px" class="easyui-combobox" name="deviceState">
                    <option value="1" selected="selected">空闲</option>
                    <option value="2" >运作</option>
                    <option value="3" >异常</option>
                    <option value="4" >维修</option>
                </select>
                </td>
            </tr>
        </table>
        <div id="Btn">
            <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="#"  onclick="addDevice()" style="width:70px">确 认</a>
            <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="#" onclick="cancelAdd()" style="width:70px">取 消</a>
        </div>
    </form>
</div>

<!--//搜索设备的窗口-->
<div id="searchDeviceWin" align="center" class="easyui-window" closed="true" title="搜索设备" style="width:450px;height: 200px;display: none;"
     data-options="iconCls:'icon-save',modal:true">
    <br/>
    <br/>
        <table>
            <tr>
                <td><span style="color: red">*</span>设备名称：</td>
                <td><input class="easyui-textbox" style="width:150px" id="s_deviceName" name="s_deviceName" type="text"
                              prompt="请输入设备名称" data-options="required:true,validateOnBlur:true,validateOnCreate:false"
                /></td>
            </tr>
        </table>

    <div id="searchBtn" style="margin-top: 40px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="#"  onclick="searchDevice('DeviceList','s_deviceName')" style="width:70px">搜 索</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="#" onclick="cancelSearch()" style="width:70px">取 消</a>
    </div>
</div>
<script src="/lib/jquery/dist/jquery.js"></script>
<script src="/lib/jquery-easyui/jquery.easyui.min.js"></script>
<script src="/lib/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script src="/lib/jquery-easyui/easyui-extend/easyui-extend-rcm.js"></script>
<script src="Mechanics_index.js"></script>
<script src="/common/common.js"></script>

<link rel="stylesheet" href="/lib/jquery-easyui/themes/icon.css"/>
<link rel="stylesheet" href="/lib/jquery-easyui/themes/default/easyui.css"/>
</body>
</html>